<!DOCTYPE html>
<html>
	<head>
		<!--
        	作者：刘开新
        	时间：2018-09-25
        	描述：
        -->
		<meta charset="UTF-8">
		<title></title>
		<link rel="stylesheet" type="text/css"  href="../../../base/plugins/layui/css/layui.css" media="all"/>
	</head>
	<body>
		<blockquote class="site-text layui-elem-quote">
		   <h3>用户列表管理</h3>
		</blockquote>
		 	
		<div class="layui-row">
			<div class="layui-col-md5">
				<button  class="layui-btn addser" >添加用户</button>
				<button class="layui-btn">批量删除</button>
				<button class="layui-btn">下载导入模板</button>
				<button class="layui-btn">导入</button>
				<button class="layui-btn">导出</button>
			</div>
			<div class="layui-col-md7">
				<div class="layui-form-item">
					<label class="layui-form-label">账号</label>
					<div class="layui-input-inline">
						<input type="text" name="password"  placeholder="请输入账号" autocomplete="off" class="layui-input">
					</div>
					<label class="layui-form-label">姓名</label>
					<div class="layui-input-inline">
						<input type="text" name="password"  placeholder="请输入姓名" autocomplete="off" class="layui-input">
					</div>
					<button class="layui-btn">搜索</button>
				</div>
			</div>
			<hr/>
			<div class="layui-row">
				<form class="layui-form" action="#">
				<table class="layui-table">
					<colgroup>
					<col width="20">
					<col width="190">
					<col width="130">
					<col width="180">
					<col width="200">
					<col width="200">
					<col width="180">						
					<clo width="200">	    
					</colgroup>
					<thead>
						<tr>
						    <th><input type="checkbox" lay-skin="primary"></th>
						    <th>账号</th>
						    <th>姓名</th>
						    <th>手机号码</th>
						    <th>籍贯</th>
						    <th>出生时间</th>
						    <th>账号是否启用</th>
						    <th>操作</th>
						</tr> 
					</thead>
					<tbody>
						<tr>
						    <td><input type="checkbox" lay-skin="primary" ></td>
						    <td>zhangsan</td>
						    <td>张三</td>
						    <td>1866</td>
						    <td>湖南</td>
						    <td>2016-11-29</td>
						    <td>
						      	<input type="checkbox" name="switch" lay-skin="switch" lay-text="是|否"></td>
						    <td>
						      	<button class="layui-btn layui-btn-xs bianji">修改</button>
						      	<button class="layui-btn layui-btn-xs">重置密码</button>
						      	<button class="layui-btn layui-btn-xs  layui-btn-danger">删除</button>
						    </td>
						</tr>
						<tr>
						    <td><input type="checkbox" lay-skin="primary" ></td>
						    <td>zhangsan</td>
						    <td>张三</td>
						    <td>1866</td>
						    <td>湖南</td>
						    <td>2016-11-29</td>
						    <td>
						      	<input type="checkbox" name="switch" lay-skin="switch" lay-text="是|否"></td>
						    <td>
						      	<button class="layui-btn layui-btn-xs bianji">修改</button>
						      	<button class="layui-btn layui-btn-xs">重置密码</button>
						      	<button class="layui-btn layui-btn-xs  layui-btn-danger">删除</button>
						    </td>
						</tr>  
					</tbody>
				</table>
				</form>
				
			</div>
		 </div>
		 
		 
		 
		 
		<script type="text/javascript" src="../../../base/js/jquery-1.11.3.min.js"> </script>
		<script type="text/javascript" src="../../../base/plugins/layui/layui.js"></script>
		<script  type="text/javascript">
			layui.use(['element','form'], function() {
				var element = layui.element;
				var form = layui.form;
			    form.render();
   
			    $(".addser").click(function(){
	                var index = layer.open({
						type : 2,
						content : 'useradd.html',
						title : false,
						maxmin:true,
						closeBtn : 1
					});
					layer.full(index);  		      	
			       });
			       
			    $(".bianji").click(function(){
			      	var index = layer.open({
						type : 2,
						content : 'userupdata.html',
						title : false,
						maxmin:true,
						closeBtn : 1
					});
					layer.full(index);  
			    });		       
			});
		</script>
	</body>
</html>
